<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>
    <div class="header w">
        <div class="logo">
            <img src="./images/logo.png" alt="">
        </div>
    </div>
    <div class="main w">
        <div class="hd">
            <h4>注册新用户</h4>
            <p>我有账号,去<a href="#">登录</a></p>
        </div>
        <div class="bd">
            <form action="">
                <table>
                    <tr>
                        <td>手机号：</td>
                        <td>
                            <input type="text" name="1" id="1">
                        </td>
                        <td>
                            <img src="./images/error.png" alt="">
                            <span> 手机号码格式不正确，请从新输入</span></td>
                    </tr>
                    <tr>
                        <td>短信验证码：</td>
                        <td>
                            <input type="text" name="1" id="2">
                        </td>
                        <td>
                            <img src="./images/success.png" alt="">
                            <span> 短信验证码输入正确</span>
                        </td>
                    </tr>
                    <tr>
                        <td>登录密码：</td>
                        <td>
                            <input type="password" name="1" id="3">
                        </td>
                        <td>
                            <img src="./images/error.png" alt="">
                            <span> 手机号码格式不正确，请从新输入</span>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            安全程度<span>弱</span><span>中</span><span>强</span>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>确认密码：</td>
                        <td> <input type="password" name="1" id="4"></td>
                        <td>
                            <img src="./images/error.png" alt="">
                            <span> 手机号码格式不正确，请从新输入</span>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <input type="checkbox" name="1" id="5" class="checkbox">
                            同意协议并注册<a href="#">《知晓用户协议》</a>
                        </td>
                    </tr>
                </table>
                <input type="submit" name="1" id="6" value="完成注册" class="submit">
            </form>
        </div>
    </div>
    <div class="botton">
        <a href="#">关于我们</a>
        <a href="#">联系我们</a>
        <a href="#">联系客服</a>
        <a href="#">商家入驻</a>
        <a href="#">营销中心</a>
        <a href="#">手机品优购</a>
        <a href="#">友情链接</a>
        <a href="#">销售联盟</a>
        <a href="#">品优购社区</a>
        <a href="#">品优购公益</a>
        <a href="#">English Site</a>
        <a href="#">ontact U</a>
        <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
        </p>
        <p>京ICP备08001421号京公网安备110108007702</p>
    </div>
</body>

</html>